<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>计数器</title>
	</head>
	<body>
		<input type="button" value="开始计数" onclick="start()" />
		<input type="text"  id="count"/>
		<input type="button" value="停止计数" onclick="stop()" />
		
		<script>
			// 创建计时器对象
			var timer;
			var c=1; // 文本框内的数字
			
			// 计数函数: 把文本框内的数字+1
			function myCount(){
				document.getElementById('count').value=c;
				c=c+1;
			}
			
			// 开始计数：开启计时器（每隔1秒执行计数函数）
			function start(){
				timer=setInterval(myCount,1000);
			}
			// 停止计数：清除计时器
			function stop(){
				clearInterval(timer);
			}
			
		</script>
		
	</body>
</html>
